<template>
    <div class="experiment-index" :class="{'exp-active': isCollapse}">
        <router-view></router-view>
    </div>
</template>
<script>
import { mapGetters } from 'vuex'
export default {
    name: 'ExperimentIndex',
    computed: {
        ...mapGetters({
            isCollapse: 'common/getCollapse'
        })
    }
}
</script>

<style lang="less">
    .experiment-index {
        height: calc(100% - 34px);
    }
    .exp-active {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: 1;
    }
</style>
